@import './public.scss';
@import './theme.scss';
* {

}
// 上外边距
.mgt-2{margin-top: size(2);}
.mgt-4{margin-top: size(4);}
.mgt-6{margin-top: size(6);}
.mgt-8{margin-top: size(8);}
.mgt-10{margin-top: size(10);}
.mgt-12{margin-top: size(12);}
.mgt-14{margin-top: size(14);}
.mgt-16{margin-top: size(16);}
// 下外边距
.mgb-2 {margn-bottom: size(2);}
.mgb-4 {margin-bottom: size(4);}
.mgb-6 {margin-bottom: size(6);}
.mgb-8 {margin-bottom: size(8);}
.mgb-10 {margin-bottom: size(10);}
.mgb-12 {margin-bottom: size(12);}
.mgb-14 {margin-bottom: size(14);}
.mgb-16 {margin-bottom: size(16);}

//上内边距
.pdt-2 {padding-top: size(2);}
.pdt-4 {padding-top: size(4);}
.pdt-6 {padding-top: size(6);}
.pdt-8 {padding-top: size(8);}
.pdt-10 {padding-top: size(10);}
.pdt-12 {padding-top: size(12);}
.pdt-14 {padding-top: size(14);}
.pdt-16 {padding-top: size(16);}

.red {
  color: #D43932;
}
.green {
  color: #0DA10D;
}
.theme-bg{
  background: $theme-deep-background;
  color: $theme-deep-active;
  .icon {
    fill: $text-ph-color;
  }
}

